.container {
    width: 100%;
    position: relative;
    height: 465px;
.container1 {
    margin: 0 auto;
    height: 465px;
    position: relative;
    
    img {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    height: 100%;
    }

    .swiper-pagination-bulle {
        width: 12px;
        height: 12px;
        background-color: #fff;
        display: none;
    }

    &:hover .swiper-pagination-bulle {
        display: inline-block;
    }
}
}


.section1 {
    width: 100%;
    height: 248px;
    text-align: center;
    background-color: #fafafa;

    .main_width {
        padding: 62px 0 48px;
        margin: 0 auto;

        .slogan {
            font-size: 16px;
            font-family: PingFang SC;
            font-weight: 600;
            color: #192330;
            line-height: 27px;
            margin-bottom: 48px;
            position: relative;
            display: inline-block;

            img {
                position: absolute;
                right: -12px;
                bottom: -10px;
            }
        }

        .yzk-wrapper {
            display: inline-block;
            position: relative;
            padding: 9px 10px 11px 60px;
            width: 323px;
            height: 36px;
            box-sizing: border-box;
            background-color: #fff;
            width: 323px;
            height: 36px;

            input {
                width: 100%;
                height: 100%;
                font-size: 12px;
                color: #192330;
                background-color: transparent;
            }

            input::-webkit-input-placeholder {
                letter-spacing: 5px;
            }
        }
    }
}

.section2 {
    width: 100%;
    height: 740px;
    background: #fff;

    .main_langlang {
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;

        .langlang1_wrap {
            margin-left: 130px;
            text-align: center;

            .title1 {
                font-size: 46px;
                font-family: PingFang SC;
                font-weight: 600;
                color: #192330;
                margin-bottom: 24px;
            }

            .title2 {
                font-size: 22px;
                font-family: PingFang SC;
                font-weight: 400;
                color: #192330;
                line-height: 32px;
                margin-bottom: 45px;
            }

            .langlang_btn {
                display: inline-block;
                padding: 20px 45px;
                border: 1px solid #192330;
                text-align: center;
                font-size: 20px;
                font-family: PingFang SC;
                font-weight: 400;
                color: #192330;
                cursor: pointer;
            }
        }
    }
}

.section3 {
    width: 100%;
    height: 766px;
    background: #fafafa;

    .main_width {
        max-width: 1400px;
        padding: 120px 0 90px;
        box-sizing: border-box;
        margin: 0 auto;

        .cer_wrap {
            display: flex;
            justify-content: center;

            .info-animated {
                visibility: visible;
                opacity: 1;
                transition: opacity 0.6s cubic-bezier(0.5, 0, 0, 1) 0s;
                animation-name: slowMoveUp;
                animation-delay: .1s;
                animation-duration: 2s;
                animation-fill-mode: both;

                .section_title {
                    padding-top: 9px;
                    text-align: center;
                    width: 623px;
                    height: 457px;

                    h2 {
                        padding-top: 100px;
                        font-size: 46px;
                        font-family: PingFang SC;
                        font-weight: 600;
                        color: #192330;
                        line-height: 60px;
                    }

                    p {
                        margin-top: 34px;
                        font-size: 22px;
                        font-family: PingFang SC;
                        font-weight: 400;
                        color: #192330;
                        line-height: 36px;
                        margin-bottom: 60px;
                    }

                    span {
                        display: inline-block;
                        padding: 20px 45px;
                        border: 1px solid #192330;
                        text-align: center;
                        font-size: 20px;
                        font-family: PingFang SC;
                        font-weight: 400;
                        color: #192330;
                        cursor: pointer;
                    }
                }
            }

            .img_box-animated {
                visibility: visible;
                opacity: 1;
                width: 777px;
                // overflow: hidden;
                transition: opacity 0.6s cubic-bezier(0.5, 0, 0, 1) 0s;

                video {
                    width: 100%;

                }

                .ll_video_wrap {
                    background: #fff;
                    padding: 43px 37px;
                    text-align: center;
                    font-size: 16px;
                    font-family: PingFang SC;
                    font-weight: 400;
                    color: #192330;
                    line-height: 27px;
                    position: relative;

                    img {
                        width: 48px;
                        position: absolute;
                        right: 0px;
                        bottom: -20px;
                    }
                }
            }

        }
    }
}

.section4 {
    background: #fff;
    height: 584px;
    width: 100%;

    .main_langlang {
        max-width: 1400px;
        margin: 0 auto;
        padding: 60px 0 88px;
        box-sizing: border-box;

        .title {
            text-align: center;
            padding-bottom: 66px;
            font-size: 30px;
            font-family: PingFang SC;
            font-weight: 600;
            color: #192330;
        }

        .tongkuan_wrap {
            display: flex;
            justify-content: space-between;

            img {
                width: 340px;
                height: 340px;
                cursor: pointer;
            }

            .see-more {
                width: 340px;
                height: 340px;
                background-color: #fafafa;
                cursor: pointer;

                .title1 {
                    font-size: 30px;
                    font-family: PingFang SC;
                    font-weight: 600;
                    color: #192330;
                    text-align: center;
                    padding: 130px 0 25px;
                }

                .title2 {
                    font-size: 22px;
                    font-family: PingFang SC;
                    font-weight: 500;
                    color: #4f5862;
                    line-height: 32px;
                    text-align: center;
                }
            }
        }
    }
}

.section5 {

    width: 100%;
    height: 798px;
    text-align: center;
    background-color: #fafafa;

    .main_width {
        margin: 0 auto;
        max-width: 1400px; ////

        .story_wrap {
            position: relative;

            display: flex;

            justify-content: space-between;
            padding: 50px 0 25px;

            .section_l {
                position: relative;
                margin-left: 6%;

                .section_title {
                    padding-top: 117px;
                    text-align: center;

                    h2 {
                        font-size: 46px;
                        font-family: PingFang SC;
                        font-weight: 600;
                        color: #192330;
                        margin-bottom: 32px;
                    }

                    p {
                        font-size: 22px;
                        font-family: PingFang SC;
                        font-weight: 400;
                        color: #192330;
                        line-height: 32px;
                        margin: 32px 0 46px;
                    }

                    a {
                        display: inline-block;
                        padding: 20px 45px;
                        border: 1px solid #192330;
                        text-align: center;
                        font-size: 20px;
                        font-family: PingFang SC;
                        font-weight: 400;
                        color: #192330;
                        cursor: pointer;
                    }

                }

                .section_r {
                    position: relative;
                    padding: 0 60px;
                    width: 794px;
                }
            }
        }
    }
}

.section6 {
    width: 100%;
    height: 1162px;

    .langlang_width {
        max-width: 1920px;
        margin: 0 auto;
        height: 1162px;

        .container2 {
            cursor: grab;
            width: 100%;
            height: 798px;
        }

        .tyd_wrap {
            background: #fafafa;
            border-top: 6px solid #eb4f29;
            padding: 75px 0 90px;
            box-sizing: border-box;
            text-align: center;

            .title1 {
                font-size: 46px;
                font-family: PingFang SC;
                font-weight: 600;
                color: #192330;
            }

            .title2 {
                font-size: 22px;
                font-family: PingFang SC;
                font-weight: 600;
                color: #192330;
                line-height: 32px;
                margin: 26px 0 42px;
            }

            .langlang_btn {
                display: inline-block;
                padding: 20px 45px;
                border: 1px solid #192330;
                text-align: center;
                font-size: 20px;
                font-family: PingFang SC;
                font-weight: 400;
                color: #192330;
                cursor: pointer;
            }
        }
    }
}

.section7 {
    background-color: #fff;
    width: 100%;
    height: 862px;

    .main_width {
        margin: 0 auto;
        max-width: 1400px;
        padding-bottom: 100px;
        text-align: center;

        .section_title {
            width: 100%;
            padding-top: 50px;
            text-align: center;

            h2 {
                font-size: 30px;
                font-family: PingFang SC;
                font-weight: 500;
                color: #192330;
            }
        }

        .series_wrap {
            position: relative;
            padding: 0 57px 23px;
            margin-top: 65px;
            height: 465px;

            .container3 {
                position: relative;
                margin: 0 auto;
                max-width: 1250px;
                height: auto;
                width: 100%;
                cursor: grab;
                height: 500px;

                img{
                    width: 350px;
                    height: 350px;

                }
                .swiper-button-prev {
                    left: 25px;
                    width: 55px;
                    height: 56px;
                    background: #fff;
                    padding: 0;
                    line-height: 56px;
                    color: #555250;
                    cursor: pointer;
                    position: absolute;
                    top: 36%;
                    z-index: 1;
                    i{
                        font-size: 20px;
                    }
                }

                .swiper-button-next {
                    right: 27px;
                    width: 55px;
                    height: 56px;
                    background: #fff;
                    padding: 0;
                    line-height: 56px;
                    position: absolute;
                    top: 36%;
                    z-index: 1;
                    color: #555250;
                    cursor: pointer;
                    font-size: 20px;
                }
            }
        }

        a {
            margin: 60px auto 0;
            display: inline-block;
            padding: 20px 45px;
            border: 1px solid #192330;
            text-align: center;
            font-size: 20px;
            font-family: PingFang SC;
            font-weight: 400;
            color: #192330;
            cursor: pointer;

        }
    }
}



.rig1{
    width: 58px;
    height: 58px;
    border-radius: 50%;
    border: 1px solid #2c2a2a;
    // position: relative;
    z-index: 999;
    background-color: #22292d;
    margin: 0 auto 10px;
    cursor: pointer;
    position: fixed;
    right: 0;
    top:330px;
    img{
       height: 25px;
       width: 25px;
       position:absolute;
       left: 17px;
       top: 17px;
    }
}


.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 20px;
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}



.reco_titles_wrap{
    font-size: 26px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #192330;
    padding-top: 30px;
    .reco_titles2{
        padding-top: 16px;
        font-size: 18px;
        font-family: PingFang SC;
        font-weight: 500;
        color: #192330;
    }
}




